<!DOCTYPE HTML>
<html>
 <head>
  <title> New Document </title>
  <meta charset="UTF-8" />
  <meta name="Generator" content="NPP-Plugin">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
  <style>
	/* 这里是CSS代码 */
  </style>

 </head>
 <body>
	Enter your name: <input type="text" />
	<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
  <script type="text/javascript">
    $(document).ready(function(){
	  $("input").focus(function(){
		$("input").css("background-color","#FFFFCC");
	  });
	  $("input").blur(function(){
		$("input").css("background-color","#D6D6FF");
	  });
	});
  </script>
 </body>
</html>